<!-- PAGE CONTENT WRAPPER -->
<div class="page-content-wrap">

    <div class="row">
        <div class="col-md-12">
            <!-- START TABLE HOVER ROWS -->
            <div class="panel panel-default">
                <div class="panel-heading">
                    <div class="panel-title-box" style="width: 30%">
                        <h3 class="panel-title"><strong>{{'查询结果：' | dyLanguage}}</strong></h3>
                    </div>
                    <div class="search-div">
                        <ul class="panel-controls panel-controls-title">
                            <li class="x-navigation x-navigation-horizontal x-navigation-panel" style="width: auto; background-color: transparent;">
                                <div class="xn-search">
                                    <form role="form">
                                        <input ng-model="queryPara.key" class="searchInputWhite" ng-keydown="onQueryKeyDown()" type="text" name="search" placeholder="{{'查询' | dyLanguage}}"/>
                                    </form>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="panel-body table-responsive">
                    <!-- 标题 -->
                    <div class="col-md-6 col-xs-12">
                        <h3 class="panel-title"><strong>{{'课程列表' | dyLanguage}}</strong></h3>
                    </div>
                    <!-- 标题 -->
                    <div class="col-md-6 col-xs-12">
                        <h3 class="panel-title"><strong>{{'已选课程列表' | dyLanguage}}</strong></h3>
                    </div>
                    <!-- 左边信息 -->
                    <div class="col-md-12 col-xs-12">
                        <p style="float: left;">{{'本次查询共查询到' | dyLanguage}}{{pagination.length}}{{'条记录。' | dyLanguage}}</p>
                    </div>
                    <!-- 列表 -->
                    <div class="col-md-6 col-xs-12">
                        <cm-pagination ng-model="pagination" ng-show="pagination.length > 0" ng-small="true"></cm-pagination>
                        <table class="table table-hover">
                            <thead>
                            <tr>
                                <th>{{'名称' | dyLanguage}}</th>
                                <th>{{'类型' | dyLanguage}}</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr ng-show="currentParentId">
                                <td colspan="4"><a href="javascript:void(0)" ng-click="backSpace()">{{'/...' | dyLanguage}}</a></td>
                            </tr>
                            <tr style="word-wrap:break-word;word-break: break-all;" ng-repeat="record in results.datas">
                                <td ng-show="record.recordType == 'CONTENT'" width="50%"><span class="fa fa-building-o"></span>&nbsp;&nbsp;<a href="javascript:void(0)" ng-click="openDetail(record)">{{record.name}}</a></td>
                                <td ng-show="record.recordType == 'FOLDER'" width="50%" colspan="2"><span class="fa fa-folder-o"></span>&nbsp;&nbsp;<a href="javascript:void(0)" ng-click="openFolder(record)">{{record.name}}</a></td>
                                <td ng-show="record.recordType == 'CONTENT'">{{record.studyClassType | EnumFilter:EnumName.StudyClassTypeEnum}}</td>
                            </tr>
                            </tbody>
                        </table>
                        <cm-pagination ng-model="pagination" ng-show="pagination.length > 0" ng-small="true"></cm-pagination>
                    </div>
                    <!-- 列表 -->
                    <div class="col-md-6 col-xs-12">
                        <table class="table table-hover">
                            <thead>
                            <tr>
                                <th>{{'名称' | dyLanguage}}</th>
                                <th>{{'类型' | dyLanguage}}</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr ng-show="currentParentId">
                                <td colspan="4"><a href="javascript:void(0)" ng-click="backSpace()">{{'/...' | dyLanguage}}</a></td>
                            </tr>
                            <tr style="word-wrap:break-word;word-break: break-all;" ng-repeat="record in queryResult">
                                <td ng-show="record.recordType == 'CONTENT'" width="50%"><span class="fa fa-building-o"></span>&nbsp;&nbsp;<a href="javascript:void(0)" ng-click="openDetail(record)">{{record.name}}</a></td>
                                <td ng-show="record.recordType == 'FOLDER'" width="50%" colspan="2"><span class="fa fa-folder-o"></span>&nbsp;&nbsp;<a href="javascript:void(0)" ng-click="openFolder(record)">{{record.name}}</a></td>
                                <td ng-show="record.recordType == 'CONTENT'">{{record.studyClassType | EnumFilter:EnumName.StudyClassTypeEnum}}</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>

                </div>
            </div>
            <!-- END TABLE HOVER ROWS -->

        </div>
    </div>

</div>
<!-- END PAGE CONTENT WRAPPER -->
<ui-view name="map-child"></ui-view>